<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0,user-scalable=0">
    <meta content="telephone=no" name="format-detection" />
    <meta name="description" content="">
	<meta name="keywords" content="">
    <title>知识库-用户中心</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/global.css">
    <link rel="stylesheet" type="text/css" href="css/media.css">
</head>
<body id="app">
    <!-- 头部 -->
    <header class="header">
        <a href="javascript:void(0);" title="返回" class="icon back" @click="back();"></a>
        <h1>{{title}}</h1>
    </header>
    
	<section class="padT23" v-show="willShow === 'vault' ">
		<div class="padTB24 vault">
            <div class="pr padB24">
                <img src="images/test/avatar.jpg" alt="" class="avatar">
                <span class="db font18 level">LV6</span>
            </div>
            <div class="clearfix userRecord">
                <span class="fl">1234<br>白金币</span>
                <span class="fl">12<br>收藏</span>
                <span class="fl">6<br>圈子</span>
            </div>
        </div>
        
        
	</section>
    <section class="padT23" v-show="willShow === 'modify' ">
        <ul class="borderspace">
            <li class="clearfix pad24 font24 borderB bgff">
                <span class="fl iconBefore ID">账号</span>
                <input type="text" class="fr w65 textR colorR borderN" value="" placeholder="请填写" />
            </li>
            <li class="clearfix pad24 font24 borderB bgff">
                <span class="fl iconBefore user">姓名</span>
                <input type="text" class="fr w65 textR colorR borderN" value="" placeholder="请填写" />
            </li>
            <li class="clearfix pad24 font24 borderB bgff">
                <span class="fl iconBefore gender">性别</span>
                <input type="text" class="fr w65 textR colorR borderN" value="" placeholder="请填写" />
            </li>
        </ul>
        <ul class="borderspace">
            <li class="clearfix pad24 font24 borderB bgff">
                <span class="fl iconBefore duties">职务</span>
                <input type="text" class="fr w65 textR colorR borderN" value="" placeholder="请填写" />
            </li>
            <li class="clearfix pad24 font24 borderB bgff">
                <span class="fl iconBefore position">职位</span>
                <input type="text" class="fr w65 textR colorR borderN" value="" placeholder="请填写" />
            </li>
            <li class="clearfix pad24 font24 borderB bgff">
                <span class="fl iconBefore expert">职称和职档</span>
                <input type="text" class="fr w65 textR colorR borderN" value="" placeholder="请填写" />
            </li>
            <li class="clearfix pad24 font24 borderB bgff">
                <span class="fl iconBefore organization">组织位置</span>
                <input type="text" class="fr w65 textR colorR borderN" value="" placeholder="请填写" />
            </li>
            <li class="clearfix pad24 font24 borderB bgff">
                <span class="fl iconBefore time">入职时间</span>
                <input type="text" class="fr w65 textR colorR borderN" value="" placeholder="请填写" />
            </li>
        </ul>
        <ul class="borderspace">
            <li class="clearfix pad24 font24 borderB bgff">
                <span class="fl iconBefore place">工作地点</span>
                <input type="text" class="fr w65 textR colorR borderN" value="" placeholder="请填写" />
            </li>
            <li class="clearfix pad24 font24 borderB bgff">
                <span class="fl iconBefore office">办公地点</span>
                <input type="text" class="fr w65 textR colorR borderN" value="" placeholder="请填写" />
            </li>
        </ul>
        <ul class="borderspace">
            <li class="clearfix pad24 font24 borderB bgff">
                <span class="fl iconBefore number">手机</span>
                <input type="text" class="fr w65 textR colorR borderN" value="" placeholder="请填写" />
            </li>
            <li class="clearfix pad24 font24 borderB bgff">
                <span class="fl iconBefore telephone">电话</span>
                <input type="text" class="fr w65 textR colorR borderN" value="" placeholder="请填写" />
            </li>
            <li class="clearfix pad24 font24 borderB bgff">
                <span class="fl iconBefore studio">座机</span>
                <input type="text" class="fr w65 textR colorR borderN" value="" placeholder="请填写" />
            </li>
            <li class="clearfix pad24 font24 borderB bgff">
                <span class="fl iconBefore fax">传真</span>
                <input type="text" class="fr w65 textR colorR borderN" value="" placeholder="请填写" />
            </li>
            <li class="clearfix pad24 font24 borderB bgff">
                <span class="fl iconBefore time">入职时间</span>
                <input type="text" class="fr w65 textR colorR borderN" value="" placeholder="请填写" />
            </li>
        </ul>
        <ul class="borderspace">
            <li class="clearfix pad24 font24 borderB bgff">
                <span class="fl iconBefore project">项目经验</span>
                <input type="text" class="fr w65 textR colorR borderN" value="" placeholder="请填写" />
            </li>
            <li class="clearfix pad24 font24 borderB bgff">
                <span class="fl iconBefore qualification">资格证书</span>
                <input type="text" class="fr w65 textR colorR borderN" value="" placeholder="请填写" />
            </li>
            <li class="clearfix pad24 font24 borderB bgff">
                <span class="fl iconBefore winning">获奖记录</span>
                <input type="text" class="fr w65 textR colorR borderN" value="" placeholder="请填写" />
            </li>
            <li class="clearfix pad24 font24 borderB bgff">
                <span class="fl iconBefore interesting">爱好专长</span>
                <input type="text" class="fr w65 textR colorR borderN" value="" placeholder="请填写" />
            </li>
        </ul>
    </section>
    

    <script src="js/lib/vue.js"></script>
    <script type="text/javascript" src="js/lib/jquery.min.js"></script>
    <script type="text/javascript" src="js/lib/global.js"></script>
    <script type="text/javascript" src="js/userCenter.js"></script>
</body>
</html>